/* pages/order-detail/order-detail.wxss */
.order-detail-container {
    padding: 26rpx;
    padding-bottom: 200rpx;
    .bg-radius {
        background-color: #fff;
        border-radius: 18rpx;
        padding: 30rpx;
        margin-bottom: 20rpx;
    }
}

.remaining-time-wrapper {
    background-color: var(--primary-color);
    margin: -26rpx;
    padding: 26rpx;
    .remaining-time-text {
        > text {
            display: block;
            &:first-child {
                font-size: 36rpx;
                font-weight: bold;
            }
            &:nth-child(2) {
                font-size: 24rpx;
                color: #7a7777;
            }
        }
    }
}

.order-goods-wrapper {
    .goods-info-header {
        border-bottom: var(--basic-border);
        padding-bottom: 26rpx;
    }
    .header-left {
        font-size: 34rpx;
        font-weight: bold;
        .shop-name {
            max-width: 460rpx;
        }
        .iconfont {
            font-size: 36rpx;
            margin-right: 8rpx;
        }
    }
    .header-right {
        .right-item {
            .iconfont {
                font-size: 46rpx;
            }
            .tag-text {
                font-size: 20rpx;
                color: #333;
                white-space: nowrap;
            }
        }
    }
    .goods-item  {
        padding: 20rpx 0;
        .goods-item-img-view {
            .goods-item-img {
                width: 100rpx;
                height: 80rpx;
            }
        }
        .goods-item-content {
            margin: 0 16rpx;
            > text {
                display: block;
            }
            .item-name {
                font-size: 28rpx;
                color: #222;
                font-weight: bold;
            }
            .item-unit {
                font-size: 20rpx;
                color: #999;
            }
            .item-num {
                font-size: 26rpx;
                color: #222;
            }
        }
        .goods-item-price {
            margin-left: auto;
            text-align: right;
            .sale-price {
                color: #222;
                .sale-price-symbol {
                    font-size: 20rpx;
                    line-height: 20rpx;
                }
                .sale-price-value {
                    font-weight: bold;
                    font-size: 30rpx;
                    line-height: 28rpx;
                }
            }
            .original-price {
                color: #888;
                text-decoration: line-through;
                font-size: 22rpx;
            }
        }
    }
    .goods-total-box {
        text-align: right;
        padding-top: 26rpx;
        font-size: 28rpx;
        border-top: 1px dashed var(--basic-border-color);
        position: relative;
        .total-amount-value {
            font-weight: bold;
            margin-left: 6rpx;
            font-size: 32rpx;
        }
        &::before {
            content: '';
            width: 40rpx;
            height: 40rpx;
            border-radius: 50%;
            background-color: #f9f9f9;
            position: absolute;
            left: -46rpx;
            top: -20rpx;
            z-index: 10;
        }
        &::after {
            content: '';
            width: 40rpx;
            height: 40rpx;
            border-radius: 50%;
            background-color: #f9f9f9;
            position: absolute;
            right: -46rpx;
            top: -20rpx;
            z-index: 10;
        }
    }
}

.order-info-wrapper {
    .order-header {
        font-size: 38rpx;
        font-weight: bold;
        padding-bottom: 26rpx;
        border-bottom: var(--basic-border);
    }
    .order-row-group {
        .row-cell {
            padding: 26rpx 0;
            font-size: 28rpx;
            .row-title {
                color: rgb(121, 119, 119);
                width: 200rpx;
            }
            .row-value {
                flex: 1;
                text-align: right;
                color: #222;
            }
        }
    }
}

.order-detail-bottom-btns {
    text-align: right;
    button {
        margin-left: 20rpx;
        &::after {
            display: none;
        }
    }
}